import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
// element-plus 按需导入插件
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import cesium from 'vite-plugin-cesium'

// https://vitejs.dev/config/
export default defineConfig({
    base: './', // 使用相对路径打包
    build: {
        outDir: 'xyzgis-switch-and-sync',// 打包后输出的文件名称
    },
    server: {
        host: '0.0.0.0', // ip
        port: 5173,
        hmr: true,  // 热启动
        open: true, // 自动打开浏览器
    },
    plugins: [
        vue(),
        cesium(),
        // element-plus 按需导入插件
        AutoImport({
            resolvers: [
                ElementPlusResolver(),
            ],
        }),
        Components({
            resolvers: [
                ElementPlusResolver(),
            ],
        }),
    ],
    resolve: {
        alias: {
            '@': resolve('./src'), // 配置相对路径别名，使用 @ 代替 src
        },
    },
    css: {
        preprocessorOptions: {
            scss: {
                javascriptEnabled: true,
                // 在组件中引入公共变量
                additionalData: '@import "@/assets/styles/variables.scss";',
            },
        },
    },
})
